<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="icon" type="image/png"
	href="images/favicon.ico">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

<title>个人信息</title>

<meta
	content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'
	name='viewport' />
<meta name="viewport" content="width=device-width" />


<!-- Bootstrap core CSS     -->
<link href="css/bootstrap.min.css"
	rel="stylesheet" />

<!-- Animation library for notifications   -->
<link href="css/animate.min.css"
	rel="stylesheet" />

<!--  Light Bootstrap Table core CSS    -->
<link
	href="css/light-bootstrap-dashboard.css"
	rel="stylesheet" />


<!--  CSS for Demo Purpose, don't include it in your project     -->
<link href="css/demo.css"
	rel="stylesheet" />


<!--     Fonts and icons     -->
<link href="css/pe-icon-7-stroke.css"
	rel="stylesheet" />
<script type="text/javascript"
	src="js/jquery-1.10.2.js"></script>
	
</head>
<body>

	<div class="wrapper">




		<%@include file="./include/left.jsp"%>
		
		<div class="main-panel">
			
       <%@include file="./include/nav.jsp"%>

			<div class="content">
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-8">
							<div class="card">
								<div class="header">
									<h4 class="title">修改信息</h4>
								</div>
								<div class="content">
									<form
										action="manage/UserAction?flag=upUser&from=II"
										method="post">
										<div class="row">
											<div class="col-md-5">
												<div class="form-group">
													<label>用户ID(不可更改)</label> <input type="text"
														class="form-control" readonly=true name="id"
														value="16">
												</div>
											</div>
											<div class="col-md-3">
												<div class="form-group">
													<label>权限</label> <input type="text" class="form-control"
														readonly="readonly" value="超级管理员">
													<input type="hidden" name="userPower"
														value="1">
												</div>
											</div>
											<div class="col-md-4">
												<div class="form-group">
													<hidden name="depID" value="4"></hidden>
													<label for="exampleInputEmail1">部门</label> <input
														type="text" class="form-control" readonly="readonly"
														value="爱尚教育部"> <input type="hidden"
														name="depID" value="4">
													<!-- <input type="email" class="form-control" placeholder="Email"> -->
												</div>
											</div>
										</div>

										<div class="row">
											<div class="col-md-6">
												<div class="form-group">
													<label>用户名</label> <input type="text" class="form-control"
														placeholder="真实姓名" id="userName" name="userName"
														value="admin"> <span id="recMsg"></span>
												</div>
											</div>
											<div class="col-md-4">
												<div class="form-group">
													<label>上传头像</label> <span >
													 <input type="file" id="icon"
														class="form-control" name="icon">
													</span>
												</div>
											</div>
										</div>

										<div class="row">
											<div class="col-md-6">
												<div class="form-group">
													<label>密码</label> <input type="password"
														class="form-control" placeholder="不能为汉字" name="userPwd"
														value="admin">
												</div>
											</div>
										</div>

										<div class="row">
											<div class="col-md-4">
												<div class="form-group">
													<label>性别</label><br> <input type="radio"
														
														name="userSex" value="男">男&nbsp&nbsp&nbsp&nbsp <input
														type="radio"
														checked="checked"
														name="userSex" value="女">女
												</div>
											</div>

											<div class="col-md-4">
												<div class="form-group">
													<label>年龄</label> <input type="number" name="userAge"
														id="userAge" class="form-control" placeholder="18"
														value="18">
												</div>
											</div>
										</div>


										<input type="hidden" name="icon" value="ICon\2018\09-25\e3b25415-a75c-49f1-9fcf-456091c4b2a7_001.gif">
										<button type="submit" id="sbb"
											class="btn btn-info btn-fill pull-right">修改</button>
										<div class="clearfix"></div>
									</form>
								</div>
							</div>
						</div>

						

<div class="col-md-4">
    <div class="card card-user">
        <div class="image">
            <img src="images/userleft.bg.jpg" alt="/newsSystem."/>
        </div>
        <div class="content">
            <div class="author">
                 <a href="#">
                 
                  	<img class="avatar border-gray" src="images\faces\face-3.jpg" alt="/newsSystem."/>
                 
                  
               

                  <h4 class="title">admin<br />
                     <small>爱尚教育部</small>
                  </h4>
                </a>
            </div>
            <p class="description text-center"> admin是一位 <br>
                                18岁的女孩, 在<br>
                               	 爱尚教育部努力工作
            </p>
        </div>
        <hr>
        <div class="text-center">
            <button href="#" class="btn btn-simple"><i class="fa fa-facebook-square"></i></button>
            <button href="#" class="btn btn-simple"><i class="fa fa-twitter"></i></button>
            <button href="#" class="btn btn-simple"><i class="fa fa-google-plus-square"></i></button>

        </div>
    </div>
</div>



					</div>
				</div>
			</div>


			
<%@include file="./include/footer.jsp"%>

		</div>
	</div>


</body>

<!--   Core JS Files   -->
<script src="js/jquery-1.10.2.js"
	type="text/javascript"></script>
<script src="js/bootstrap.min.js"
	type="text/javascript"></script>

<!--  Checkbox, Radio & Switch Plugins -->
<script
	src="js/bootstrap-checkbox-radio-switch.js"></script>

<!--  Charts Plugin -->
<script src="js/chartist.min.js"></script>

<!--  Notifications Plugin    -->
<script src="js/bootstrap-notify.js"></script>

<!-- Light Bootstrap Table Core javascript and methods for Demo purpose -->
<script
	src="js/light-bootstrap-dashboard.js"></script>

<!-- Light Bootstrap Table DEMO methods, don't include it in your project! -->
<script src="js/demo.js"></script>






</html>
